/*@charset "gb2312";*/
/**
 * 网站地址: http://www.qietu.com
 * ----------------------------------------------------------------------------

 html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
 body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
 * {}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}



/**
 +------------------------------------------------------------------------------
 * Public Class
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

.tal{ text-align:left} .tar{ text-align:right;}

/*文字两侧对齐*/
.justify {
	text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
	.justify:after{
		content:".";
		display: inline-block;
		width:100%;
		overflow:hidden;
		height:0;
	}
}

/* 兼容IE6的定位属性fixed，固定不动样式 */
.fixed{
	position:fixed; 
	clip:rect(0 100% 100% 0);
	_position:absolute;
	
	/* 底部 */
	bottom:0px;
	left:0px;
	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
	
	/* 左侧 */
	/*left:0px;*/
	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
}
/* 解决固定层在IE6下闪的问题 */
*html{
	background-image:url(about:blank);
	background-attachment:fixed;
}


/*png图片ie6下透明滤镜实现写法*/
.pngimg{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png');}

/**
 +------------------------------------------------------------------------------
 * FCK 兼容解决方案
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
em{ font-style:italic !important;} strike{ text-decoration:line-through !important;} strong{ font-weight:bold !important;} u{ text-decoration:underline !important;}

/**
 +------------------------------------------------------------------------------
 * 表单样式
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */

/**
 +------------------------------------------------------------------------------
 * 网站整体颜色总汇
 +------------------------------------------------------------------------------
 * @codex  颜色:使用颜色的名称或者16进制代码,如 
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.ff8600,ff86aa a{ color:#ff8600;}

/**
 +------------------------------------------------------------------------------
 * 网站整字体大小
 +------------------------------------------------------------------------------
 * @codex   字体大小,直接使用"font+字体大小"作为名称,如
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.font14px{ font-size:14px;}
.font9pt{ font-size:9pt;}
/*自定义字体*/
/* @font-face {  font-family: danley;  src: url('../font/danley.ttf');  }  .danley {  font-family: danley; } */


/**
 +------------------------------------------------------------------------------
 * 网站整布局命名规范
 +------------------------------------------------------------------------------
 * @codex   id和class命名采用该版块的英文单词或组合命名 如:newRelease
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
 body{font-family: "Microsoft YaHei",sans-serif;}
 
 .css3{
 	/*transition: all 0.3s ease-in-out 0s;*/
	
	-webkit-transform:translate3d(0, -20px, 0);
	-ms-transform:translate3d(0, -20px, 0);
	transform:translate3d(0, -20px, 0);
	
	-webkit-transition-property:opacity, -webkit-transform;
	transition-property:opacity, transform;
	-webkit-transition-duration:1000ms;
	transition-duration:1000ms;
	-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	
	-webkit-transition-delay:800ms;
	transition-delay:800ms
}
.css3.animated{
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
 
@media screen and (max-width: 650px) {    
  
  }
  
  @media screen and (max-width: 480px) {   
	 
  }
  
.layout{
	width: 640px; margin: 0 auto; background: #e5e5e5; color: #212121; font-family: "黑体"; overflow: hidden;
}
.layout-pd{
	padding-bottom: 80px; padding-top: 83px;
}
.layout a{
	color: #212121;
}
.layout a:hover{
	text-decoration: none;
}
.header{
	height: 82px; border-bottom: #e3e3e3 solid 1px; text-align: center; overflow: hidden; position: relative; background: #fff; position: fixed; left: 50%; margin-left: -320px; width: 640px; top: 0; z-index: 9;
}
.header .logo{
	margin-top: 15px;
}
.header .left{
	position: absolute; left: 30px; top: 15px;
}
.header .right{
	position: absolute; right: 20px; top: 15px;
}
.header .right li{
	float: left; display: inline; margin-left: 30px;
}

.home-tip{
	background: #e90003; color: #fff; padding: 0 20px; height: 24px; line-height: 24px; font-size: 14px;
}
.home-nav{
	border-bottom: #d6d6d6 solid 1px; background: #fff; padding-bottom: 15px;
}
.home-nav ul{
	height: auto; overflow: hidden;
}
.home-nav li{
	width: 25%; float: left; display: inline; text-align: center; padding-top: 30px; height: 140px; font-size: 18px;
}
.home-nav li i{
	display: block; height: 90px;
}

.home-announce{
	height: 45px; line-height: 45px; background: url(../imgs/img12.png) 20px center no-repeat #fff; padding-left: 135px;  font-size: 16px;
}
.home-announce i{
	margin-right:5px;
}
.home-imgs{
	margin-top: 10px; background: #fff; height: 340px; position: relative;
}
.home-imgs li{
	position: absolute; overflow: hidden;
}
.home-imgs li img{
	display: block;
}
.home-imgs .l1{
	width: 159px; height: 259px; left: 0; top: 0; border-right: #c8c8c8 solid 1px; border-bottom: #c8c8c8 solid 1px;
}
.home-imgs .l2{
	left: 160px; top: 0; width: 237px; height: 99px; border-right: #c8c8c8 solid 1px; border-bottom: #c8c8c8 solid 1px;
}
.home-imgs .l3{
	left: 397px; top: 0; width: 242px; height: 99px; border-bottom: #c8c8c8 solid 1px;
}
.home-imgs .l4{
	left: 160px; top: 100px; width: 158px; height: 159px; border-right: #c8c8c8 solid 1px;  border-bottom: #c8c8c8 solid 1px;
}
.home-imgs .l5{
	left: 318px; top: 100px; width: 159px; height: 159px; border-right: #c8c8c8 solid 1px; border-bottom: #c8c8c8 solid 1px;
}
.home-imgs .l6{
	left: 478px; top: 100px; width: 161px; height: 159px; 
}
.home-imgs .l7{
	left: 0; top: 259px; width: 318px; height: 80px; border-right: #c8c8c8 solid 1px;
}
.home-imgs .l8{
	left: 319px; top: 259px; width: 321px; height: 80px;
}

.home-goods{
	margin-top: 10px; 
}
.home-goods-head{
	background: #fff; height: 33px; border-bottom: #c8c8c8 solid 1px; border-left: #2f5de0 solid 4px; line-height: 33px; padding: 0 15px;
}
.home-goods-head h2{
	float: left; display: inline; font-size: 20px;
}
.home-goods-head a.more{
	float: right; display: inline; background: url(../imgs/img21.png) no-repeat right center; padding-right: 21px;
}
.home-goods-body ul{
	height: auto; overflow: hidden; background: #fff; border-bottom: #c8c8c8 solid 1px;
}
.home-goods-body li{
	float: left; display: inline; width: 50%; background: url(../imgs/img20.jpg) repeat-y right;
}
.home-goods-body li img{
	display: block;
}
 
.home-goods-body dl{
	height: auto; overflow: hidden;
}
.home-goods-body dd{
	width:160px; float: left; display: inline; height: 200px; margin-bottom: 5px; background: #fff; background: url(../imgs/img20.jpg) repeat-y right #fff;
}
.home-goods-body dd.last{
	background-image: none;
}
.home-goods-body dd .head{
	border-bottom: #c8c8c8 solid 1px; height: 49px; padding: 0 20px; overflow: hidden;
}
.home-goods-body dd .head h2{
	font-size: 18px; line-height: 1.5;
}
.home-goods-body dd .head h4{
	font-size: 14px; line-height: 1; color: #7f7f7f;
}
.home-goods-body dd .body{
	
}

.home-foot{
	background: #fff; margin-top: 10px;
}
.home-foot ul{
	height: auto; overflow: hidden;
}
.home-foot li{
	width: 50%; float: left; display: inline; height: 73px; line-height: 73px; text-align: center; background: url(../imgs/img20.jpg) repeat-y right; font-size: 14px;
}
.home-foot li a{
	display: block;
}
.home-foot li:last-child{
	background: none;
}
.home-foot li i{
	margin-right: 15px;
}

.footer{
	height: 80px; background: #262626; position:fixed; left: 50%; margin-left: -320px; bottom: 0; width: 640px; font-size: 14px; color: #a8a8a8;
}
.footer a{
	color: #a8a8a8;
}
.footer ul{
	height: auto; overflow: hidden;
}
.footer li{
	width: 20%; float: left; display: inline; color: #a8a8a8; text-align: center;
}
.footer li i{
	display: block; margin-top: 5px;
}
.footer li img{
	width: 45px;
}